<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../css/01.css">


     <!-- 引入外部JS -->
    <script src="../js/01.js">alert(1111);</script>
    <script src="../js/02.js"></script>
</head>

<body>


    <div id="box"></div>

    <!--     
        1. JS组成   
            ECMAScript5.0 => ES5 
            BOM
            DOM 

        2. JS三种引入方式
            a. 内部JS
            b. 外部JS   => 通过给script标签,绑定src属性载入外部JS 
                <script src="../js/01.js"></script>
               注意:
                script标签载入外部JS时,标签对内不能写js代码 => 没有效果,不执行

            c. 内联JS(了解即可  不建议使用)


        3. 基本数据类型  => JS基本数据,无需声明可以直接使用
            number
            string
            boolean
            null
            undefined 

            array 
            object

            typeof 

                
     -->


</body>



<!-- 内部JS -->
<!-- <script>
    document.write("hello world");
</script> 
<script>
    var box = document.getElementById("box");
    console.log(box);
</script>
-->

</html>